<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<title>BrainJar.com: Tabs Demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link href="/common/default.css" rel="stylesheet" type="text/css">
<!--esto es para el codigo de slideshow-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<style type="text/css">
#nav .nava #logo:hover {
	background-color: #70B600;
	margin: 0;
	padding: 0 !important;
	background-image: url(http://1.bp.blogspot.com/-HHTEOzaTako/TZKJ68AMQ_I/AAAAAAAAAEg/7jm1XXCprts/s1600/tospiando+tienda.png);
	width: 329px;
	height: 60px;
	
}
.fondo .popup_block {
	font-size: 14px;
}
#logo {
	margin: 0;
	padding: 0 !important;
	background-image: url(http://1.bp.blogspot.com/-HHTEOzaTako/TZKJ68AMQ_I/AAAAAAAAAEg/7jm1XXCprts/s1600/tospiando+tienda.png);
	width: 329px;
	height: 60px;
}
.post h1 {display:none;}
#sidebar-wrapper {display:none;}
#main-wrapper{width:980px;}
.post {padding:0;}
.post-body {
    width: 980px;
}
.tags{
    margin:0;
    padding:0;
    position:absolute;
    right:24px;
    bottom:-12px;
    list-style:none;
    }   

.tags li, .tags a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;
    }   
.tags a{
    margin-left:20px;
    padding:0 10px 0 12px;
    background:#0089e0;
    color:#fff;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px; 
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;    
    border-top-right-radius:4px;    
    }   
.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #0089e0 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;      
    }   

.tags a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    -moz-box-shadow:-1px -1px 2px #004977;
    -webkit-box-shadow:-1px -1px 2px #004977;
    box-shadow:-1px -1px 2px #004977;
    }       

.tags a:hover{background:#555;} 

.tags a:hover:before{border-color:transparent #555 transparent transparent;
}
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 5px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
img.btn_close {
    float: right; 
    margin: -55px -55px 0 0;
}
.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}

/* horinaja default */

.horinaja ul{
	position:relative;
	margin: 0;
	padding: 0;
}
.horinaja ul li{background:transparent;display:block;top:0;}
/* horinaja pagination */

ol.horinaja_pagination{
	height:40px;
	margin: 0;
	position:relative;
	background:transparent;
	padding:0;
	clear:both;
}
ol.horinaja_pagination li{
	float:left;
	height:40px;
	display:block;
}
ol.horinaja_pagination li a{
	height:40px;
	display:block;
	background:transparent;
	float:left;
	color:#333;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	padding: 10px 0 0 0;
	cursor:pointer;
	background: #EFEFEF;
}

#instruc {
	float: left;
	width: 400px;
	background-color: #FFF;
	height: 240px;
	margin-left: 10px;
	display: inline;
}
#demo {
	margin-left: 10px;
}
#instruc{
	border: 1px solid #ccc;

-moz-border-radius: 3px; /*--bordes redondeados con CSS3--*/


-khtml-border-radius: 3px; /*--bordes redondeados con CSS3--*/

-webkit-border-radius: 3px; /*--bordes redondeados con CSS3--*/
/*--IE6 Fix - Arregla el fallo de doble margen en IE6--*/

}

#instruc h2 {

font-size: 12px;

font-weight: normal;

text-transform: uppercase;

margin: 0; padding: 10px;

background: #f0f0f0;

border-top: 1px solid #fff;
text-decoration: none;
	color: #333;
	display: block;
}

#instruc ol li { padding:5px; font-size:14px; color:#555;}
body {
  
}
h1 {
    text-align: center;
    font-weight: normal;
    font-size: 2.5em;
}
h1 small {
    display: block;
    font-size: 0.7em;
    color: #999;
}
img {border: none;}
ul.gallery {
	width: 1160px; /*--Ajustar el ancho acorde a tu documento--*/
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.gallery li {

float: left;

margin: 10px; padding: 0;

text-align: center;

border: 1px solid #ccc;

-moz-border-radius: 3px; /*--bordes redondeados con CSS3--*/

-khtml-border-radius: 3px; /*--bordes redondeados con CSS3--*/

-webkit-border-radius: 3px; /*--bordes redondeados con CSS3--*/

display: inline; /*--IE6 Fix - Arregla el fallo de doble margen en IE6--*/

}

ul.gallery li a.thumb {
	width: 215px; /*--Ancho de la imagen--*/
	height: 150px; /*--Alto de la imagen--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	position: static;
}

ul.gallery li span { /*--Usada para cortar la imagen--*/
	width: 170px;
	height: 165px;
	overflow: hidden;
	display: block;
}

ul.gallery li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	background: #f0f0f0;
	text-decoration: none;
	color: #555;
	display: block;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
}
.popup_block h2 {
	display: inline;
}
.fondo {
	width: 1160px;
	height: 100000px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

ul.gallery li a {
	text-decoration: none;
	color: #555;
}
.poplight {
	display:inline;
	
}
.gallery li .thumb, .poplight span div.precio {
	background-color: #70B600;
	bottom: 167px;
	color: white;
	cursor: pointer;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	font-weight: bolder;
	height: 15px;
	left: 100px;
	padding: 2px;
	position: relative;
	text-align: center;
	width: 65px;
}


#instruc .pasos li span ol li{
border:0;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
	//When you click on a link with class of poplight and the href starts with a # 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.sohtanaka.com/web-design/examples/modal-window/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 

    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
});
</script>
<script type="text/javascript">
/**
 * jQuery.timers - Timer abstractions for jQuery
 * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
 * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
 * Date: 2009/02/08
 *
 * @author Blair Mitchelmore
 * @version 1.1.2
 *
 **/
jQuery.fn.extend({
	everyTime: function(interval, label, fn, times, belay) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, times, belay);
		});
	},
	oneTime: function(interval, label, fn) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, 1);
		});
	},
	stopTime: function(label, fn) {
		return this.each(function() {
			jQuery.timer.remove(this, label, fn);
		});
	}
});

jQuery.event.special

jQuery.extend({
	timer: {
		global: [],
		guid: 1,
		dataKey: "jQuery.timer",
		regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,
		powers: {
			// Yeah this is major overkill...
			'ms': 1,
			'cs': 10,
			'ds': 100,
			's': 1000,
			'das': 10000,
			'hs': 100000,
			'ks': 1000000
		},
		timeParse: function(value) {
			if (value == undefined || value == null)
				return null;
			var result = this.regex.exec(jQuery.trim(value.toString()));
			if (result[2]) {
				var num = parseFloat(result[1]);
				var mult = this.powers[result[2]] || 1;
				return num * mult;
			} else {
				return value;
			}
		},
		add: function(element, interval, label, fn, times, belay) {
			var counter = 0;
			
			if (jQuery.isFunction(label)) {
				if (!times) 
					times = fn;
				fn = label;
				label = interval;
			}
			
			interval = jQuery.timer.timeParse(interval);

			if (typeof interval != 'number' || isNaN(interval) || interval <= 0)
				return;

			if (times && times.constructor != Number) {
				belay = !!times;
				times = 0;
			}
			
			times = times || 0;
			belay = belay || false;
			
			var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {});
			
			if (!timers[label])
				timers[label] = {};
			
			fn.timerID = fn.timerID || this.guid++;
			
			var handler = function() {
				if (belay && this.inProgress) 
					return;
				this.inProgress = true;
				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
					jQuery.timer.remove(element, label, fn);
				this.inProgress = false;
			};
			
			handler.timerID = fn.timerID;
			
			if (!timers[label][fn.timerID])
				timers[label][fn.timerID] = window.setInterval(handler,interval);
			
			this.global.push( element );
			
		},
		remove: function(element, label, fn) {
			var timers = jQuery.data(element, this.dataKey), ret;
			
			if ( timers ) {
				
				if (!label) {
					for ( label in timers )
						this.remove(element, label, fn);
				} else if ( timers[label] ) {
					if ( fn ) {
						if ( fn.timerID ) {
							window.clearInterval(timers[label][fn.timerID]);
							delete timers[label][fn.timerID];
						}
					} else {
						for ( var fn in timers[label] ) {
							window.clearInterval(timers[label][fn]);
							delete timers[label][fn];
						}
					}
					
					for ( ret in timers[label] ) break;
					if ( !ret ) {
						ret = null;
						delete timers[label];
					}
				}
				
				for ( ret in timers ) break;
				if ( !ret ) 
					jQuery.removeData(element, this.dataKey);
			}
		}
	}
});

jQuery(window).bind("unload", function() {
	jQuery.each(jQuery.timer.global, function(index, item) {
		jQuery.timer.remove(item);
	});
});

(function($) {
$.fn.Horinaja = function(settings) {
	    options =  { 
		capture: '',
        delai:  300,
        duree: 4000,
        pagination: true
    	};  
    var options = $.extend(options, settings);  
    return this.each(function(){
		$this = $(this);
		var capture = options.capture;
		var px = $('#'+capture+' > ul > li').width();
        var delai = (options.delai)*1000;  
        var duree    = (options.duree)*1000;  
        var pagination = options.pagination;  
		var nCell = $('#'+capture+' > ul > li').length;
		var po = 0;
		var id = 0;
		function fadeP(it,opac){if(pagination){$('#'+capture+' > ol.horinaja_pagination > li:eq('+it+')').fadeTo("fast", opac);}}
		function moveP(){
			if(po!=-((px*nCell)-px)){
				$('#'+capture+' > ul').animate({ 
				left: (po-px)+"px"
				}, delai);	
				po = po-px;
				fadeP(id,0.4);
				id=id+1;
				fadeP(id,0.7);
			}else{
				$('#'+capture+' > ul').animate({ 
				left: "0px"
				}, delai);
				po = 0;	
				fadeP(id,0.4);
				id=0;
				fadeP(id,0.7);
			}	
		}
        $(this).everyTime(duree,capture,function(){moveP();});
		$('#'+capture).css({'overflow':'hidden','position':'relative'});
		$('#'+capture+' > ul').css({'width' : px*nCell+'px'});
		$('#'+capture+' > ul > li').css({'width':px,'float':'left'});
	if(pagination){
		$('#'+capture+' > ul').after('<ol class="horinaja_pagination"></ol>');
		$('#'+capture+' > ol.horinaja_pagination').css({'width':px+'px'});
		var wb = Math.floor(px/nCell);
		for(i=1;i!=(nCell+1);i++){$('#'+capture+' > ol.horinaja_pagination').append('<li><a style="width:'+wb+'px;">'+i+'</a></li>');}
		$('#'+capture+' > ol.horinaja_pagination > li').fadeTo("fast", 0.4);
		$('#'+capture+' > ol.horinaja_pagination > li:first').fadeTo("fast", 0.7);
	}
    $(this)
        .bind('mousewheel', function(event, delta) {
            var dir = delta > 0 ? 'Up' : 'Down',
                vel = Math.abs(delta);
				if(dir=='Up'){
					if(po !=0){
						$('#'+capture+' > ul').animate({ 
						left: (po+px)+"px"
						}, delai);
						po = po+px;
						fadeP(id,0.4);
						id=id-1;
						fadeP(id,0.7);
					}
				}else{
					if(po!=-((px*nCell)-px)){
						$('#'+capture+' > ul').animate({ 
						left: (po-px)+"px"
						}, delai);	
						po = po-px;
						fadeP(id,0.4);
						id=id+1;
						fadeP(id,0.7);
					}
				}
            return false;
        });
	$(this)
	.bind('mouseenter',function(){$(this).stopTime(capture);});
	$(this)
	.bind('mouseleave',function(){$(this).everyTime(duree,capture,function(){moveP();});});
	if(pagination){
		$('#'+capture+' > ol.horinaja_pagination > li').each(function(i) {
		  $(this).bind('click', {index:i}, function(e){
			 var occ = parseInt(e.data.index);
			 fadeP(occ,0.7);
			 fadeP(id,0.4);
			if(id>occ){
				var diff= id-occ;
				po=po+(px*diff);
				id = occ;
				$('#'+capture+' > ul').animate({ 
				left: (po)+"px"
				}, delai);	
			}else if(id<occ){
				diff= occ-id;
				po=po-(px*diff);
				id=occ;
				$('#'+capture+' > ul').animate({ 
				left: (po)+"px"
				}, delai);			
			}			
		  });
		});
	}
	});
};
})(jQuery);
</script>

<!--[if IE]>
<style>
.gallery li .thumb, .poplight span div.precio {
	bottom: 150px;
	left: 80px;
}

}
#demo {margin-left:6px;}
</style>
<![endif]-->



<!--codigo iframe-->
<style type="text/css">

/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/

/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/

div.tabBox {
	height: 40px!important;
}

div.tabArea {
	height: 40px;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	-webkit-box-shadow: inset 0 2px 1px 1px #fff;
	-moz-box-shadow: inset 0 2px 1px 1px #fff;
	box-shadow: inset 0 2px 1px 1px #fff;
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
}

a.tab {
	color: #000;
	text-decoration: none;
}

a.tab, a.tab:visited {
  
}

a.tab:hover {
  
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	
}

a.tab.activeTab {
 

  z-index: 102;
}

div.tabMain {
	background-color:;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 0em .5em .5em 0em;
	border-radius-topright: .5em;
	border-radius-bottomright: .5em;
	position: relative;
	z-index: 101;
	height: auto;
}

div.tabIframeWrapper {
	width: 100%;
	height:500px;
}

iframe.tabContent {
	width: 100%;
	height: 500px;
}

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}

</style>
<style type="text/css">
webstore-sb-tb-Db-Jb{width:980px;height:40px;outline:none;background-color:#fff}.webstore-rb-sb-tb-pb-ub,.webstore-rb-sb-tb-pb,.webstore-sb-tb-Db{float:left;height:40px;border-top:1px #ccc solid;border-right:1px #ccc solid;-webkit-box-shadow:inset 0 2px 1px 1px #fff;-moz-box-shadow:inset 0 2px 1px 1px #fff;box-shadow:inset 0 2px 1px 1px #fff;background:-webkit-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);background:-moz-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);background:linear-gradient(top,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 20%,rgba(0,0,0,0.05) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',endColorStr='#f1f1f1')}.webstore-sb-tb-Db{font-weight:bold;text-align:center;font-size:13px;color:#333}.webstore-sb-tb-Db.webstore-tab{width:159px;cursor:default}.webstore-sb-tb-Db:hover,.webstore-sb-tb-Db-Jb:focus .webstore-sb-tb-Db{color:}.webstore-sb-tb-Db.webstore-tab-selected{background:#f1f1f1;-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);filter:none}.webstore-sb-tb-Db-N-y{display:table;height:100%;width:100%}.webstore-sb-tb-Db-N{text-shadow:0px 1px rgba(255,255,255,0.5);text-transform:uppercase;display:table-cell;vertical-align:middle}.webstore-rb-sb-tb-ub-Db.webstore-sb-tb-Db.webstore-tab{width:100px}.webstore-rb-sb-tb-pb{width:340px;border-right:none}.webstore-rb-sb-tb-pb-ub{width:239px;border-right:none}.webstore-rb-sb-tb-pb.webstore-oc{width:500px;border-right:none}.webstore-rb-sb-tb-pb.webstore-pc{width:660px;border-right:none}.webstore-rb-sb-tb-pb-ub.webstore-oc{width:399px;border-right:none}.webstore-rb-sb-tb-pb-ub.webstore-pc{width:559px;border-right:none}.webstore-sb-tb-pb-y{margin:10px 12px;float:right}.webstore-sb-tb-pb-qc-y,.webstore-sb-tb-pb-qc-y-rc{display:inline-block;vertical-align:middle;position:absolute;right:10px;width:90px;height:24px}.webstore-sb-tb-pb-qc-y-rc{cursor:pointer;z-index:1105}.webstore-sb-tb-Db-n{height:40px;word-wrap:break-word;margin:40px 7px 40px 40px}

</style>
<script type="text/javascript">//<![CDATA[

//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2002 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

function synchTab(frameName) {

  var elList, i;

  // Exit if no frame name was given.

  if (frameName == null)
    return;

  // Check all links.

  elList = document.getElementsByTagName("A");
  for (i = 0; i < elList.length; i++)

    // Check if the link's target matches the frame being loaded.

    if (elList[i].target == frameName) {

      // If the link's URL matches the page being loaded, activate it.
      // Otherwise, make sure the tab is deactivated.

      if (elList[i].href == window.frames[frameName].location.href) {
        elList[i].className += " activeTab";
        elList[i].blur();
      }
      else
        removeName(elList[i], "activeTab");
    }
}

function removeName(el, name) {

  var i, curList, newList;

  if (el.className == null)
    return;

  // Remove the given class name from the element's className property.

  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}

//]]></script>
<script type="text/javascript">function a() {	 document.addEventListener('keydown', function(e){		/*console.log('keydown');*/		var keys = [];		if(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) {			if(e.metaKey) {				keys.push('Cmd');			}			if(e.shiftKey) {				keys.push('Shift');			}			if(e.ctrlKey)			{				keys.push('Ctrl');			}			if(e.altKey) {				keys.push('Alt');			}		}		if(e.which)		{			/*console.log(e.which);*/			keys.push(String.fromCharCode(e.which));		}		/*console.log(keys.join('+'));*/		if(keys.length >= 2 && keys[keys.length-1] != '') {			window.postMessage({type: 'dolphin_shortcuts', keys:keys}, '*');		}	 });}a();</script>
<script type="text/javascript"> window.oncontextmenu = function(event) {    var target = event.target.getAttribute('obj_url');	 window.postMessage({type: 'dolphin_clickTarget', target:target}, '*'); };</script>
<!--termina el iframe-->


</head>
<body>
<p><!--esto es del slideshow javascript-->
  <script> $(document).ready(function(){
$('#demo').Horinaja({
capture:'demo',delai:0.3,
duree:4,pagination:true});
});
  </script>
  <script type="text/javascript">
/*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 *
 * Version: 3.0.2
 * 
 * Requires: 1.2.2+
 */

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
	setup: function() {
		if ( this.addEventListener )
			for ( var i=types.length; i; )
				this.addEventListener( types[--i], handler, false );
		else
			this.onmousewheel = handler;
	},
	
	teardown: function() {
		if ( this.removeEventListener )
			for ( var i=types.length; i; )
				this.removeEventListener( types[--i], handler, false );
		else
			this.onmousewheel = null;
	}
};

$.fn.extend({
	mousewheel: function(fn) {
		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
	},
	
	unmousewheel: function(fn) {
		return this.unbind("mousewheel", fn);
	}
});


function handler(event) {
	var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
	
	event = $.event.fix(event || window.event);
	event.type = "mousewheel";
	
	if ( event.wheelDelta ) delta = event.wheelDelta/120;
	if ( event.detail     ) delta = -event.detail/3;
	
	// Add events and delta to the front of the arguments
	args.unshift(event, delta);

	return $.event.handle.apply(this, args);
}

})(jQuery);
  </script>
</p>
<div class="fondo">
  <!--slide show-->
  <div id="demo" class="horinaja" style=" float:left;background-co
lor:; border:1px solid #ccc;height:240px; width: 550px; overflow-x: hidden; overflow-y: hidden; position: relative; display: block; "><ul style="width: 550px; ">
  <li style="width:550;height:200px; float: left; "><img width="550" height="200" src="http://tenimesistas.com/new/wp-content/uploads/2011/01/Sin-t%C3%ADtulo-1.jpg"></li><li style="width:550;height:200px; float: left; "><img width="550" height="200" src="http://tenimesistas.com/new/wp-content/uploads/2011/03/Sin-t%C3%ADtulo-11.png"></li><li style="width:550;height:200px; float: left; "><img width="550" height="200" src="http://www.butterfly-world.com/typo3temp/dce4279617.jpg"></li></ul></div>
<div id="instruc">
<h2>¿CÓMO COMPRAR EN TOSPIANDO?</h2>
<div style="padding:10px; font-size:14px; color:#555;"><img src="http://aux.iconpedia.net/uploads/1361575619607453450.png" width="154" height="125"  style=" float:right; margin-right:20px">
<ol>
  <li>Elige el producto</li>
<li>Contacta al vendedor</li>
<li>Y pide tu producto de inmediato<br>
</li><br>
<li style="list-style-type: disc">Se parte de la tospiando tienda <a href="http://www.tospiando.com/p/contactanos.html">aquí</a></li>
</ol>
</p>
</div>
</div> 
<!--iframe-->
<div class="tabBox" style="clear:both;">

<div class="webstore-sb-tb-Db-Jb webstore-z-Db-Jb webstore-z-Db-Jb-Hb" style="clear:both;height:40px;-webkit-user-select: none;" role="tablist"><div class="webstore-tab-selected webstore-rb-sb-tb-Pc-Db webstore-sb-tb-Db webstore-tab webstore-test-overview-tab" tabcontent="webstore-rb-sb-tb-Pc-Db-n" aria-selected="false" role="tab" style="-webkit-user-select: none;" id=":7w"><div class="webstore-sb-tb-Db-N-y" style="-webkit-user-select: none;"><div class="webstore-sb-tb-Db-N" style="-webkit-user-select: none;"> <a class="tab activeTab" href="https://googledrive.com/host/0B2xtZ4DVwH7XT2IxMDc3VWNUZUE/jebes.html" scrolling="no" target="tabIframe2">Más vendido</a></div></div></div><div class="webstore-rb-sb-tb-Mc-Db webstore-sb-tb-Db webstore-tab webstore-test-details-tab " tabcontent="webstore-rb-sb-tb-Mc-Db-n" aria-selected="true" role="tab" style="-webkit-user-select: none;" id=":7x"><div class="webstore-sb-tb-Db-N-y" style="-webkit-user-select: none;"><div class="webstore-sb-tb-Db-N" style="-webkit-user-select: none;"><a class="tab" href="https://googledrive.com/host/0B2xtZ4DVwH7XT2IxMDc3VWNUZUE/jebes%20-%20copia.html" target="tabIframe2">Gomas</a></div></div></div><div class="webstore-rb-sb-tb-Rc-Db webstore-sb-tb-Db webstore-tab webstore-test-reviews-tab" tabcontent="webstore-rb-sb-tb-Rc-Db-n" aria-selected="false" role="tab" style="-webkit-user-select: none;" id=":7y"><div class="webstore-sb-tb-Db-N-y" style="-webkit-user-select: none;"><div class="webstore-sb-tb-Db-N" style="-webkit-user-select: none;"><a class="tab" href="sports.html" target="tabIframe2">Maderas</a></div></div></div><div class="webstore-rb-sb-tb-Qc-Db webstore-sb-tb-Db webstore-tab webstore-test-related-tab" tabcontent="webstore-rb-sb-tb-Qc-Db-n" aria-selected="false" role="tab" style="-webkit-user-select: none;" id=":7z"><div class="webstore-sb-tb-Db-N-y" style="-webkit-user-select: none;"><div class="webstore-sb-tb-Db-N" style="-webkit-user-select: none;"> <a class="tab" href="roleplaying.html" target="tabIframe2">Ropa</a></div></div></div>
  <p>&nbsp;</p>
</div>
  
  <div class="tabMain">
    
    <div class="tabIframeWrapper"><iframe scrolling="no" class="tabContent" name="tabIframe2" src="https://googledrive.com/host/0B2xtZ4DVwH7XT2IxMDc3VWNUZUE/jebes.html" marginheight="8" marginwidth="8" frameborder="0"></iframe></div>
  </div>
</div>
</div>
</body></html>
